<template>
  <div class="test-con">
    <p>我是父组件1</p>
    <child>
      <template v-slot:header="{ text, count }">
        <div>{{ text }}---我是子组件的count:{{ count }}</div>
        <div>我是 header：{{ message }}</div>
      </template>
      <div>我没有name：{{ message }}</div>
      <template v-slot:footer>
        <div>我是 footer：{{ message }}</div>
      </template>
    </child>
  </div>
</template>
<script setup lang="ts">
import Child from "./components/child.vue";
import { ref } from "vue";
const message = ref("这是父组件向子组件插入的message");
</script>
<style scoped>
.test-con {
  padding: 200px;
}
</style>
